<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <title>校园内推</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- CSS -->
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300">
    <link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
    <link href="http://fonts.googleapis.com/css?family=Raleway" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="/push/index/assets/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="/push/index/assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="/push/index/assets/css/style.css">
    <link rel="stylesheet" href="/push/index/assets/css/animate.min.css">
    <link rel="stylesheet" type="text/css" media="all" href="/push/index/assets/css/style-projects.css">


    <!-- Favicon and touch icons -->
    <link rel="shortcut icon" href="assets/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144"
          href="/push/index/assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114"
          href="/push/index/assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72"
          href="/push/index/assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="/push/index/assets/ico/apple-touch-icon-57-precomposed.png">
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        body {
            font-size: 14px;
            font-family: "微软雅黑";
            color: #666;
            background: rgb(246, 246, 246);
        }

        a {
            text-decoration: none;
            color: #000;
        }

        ul li {
            list-style: none;
        }

        .clear {
            clear: both;
        }

        /* header start */
        #header {
            width: 100%;
            height: 89px;
            background: url(http://img2.wowsai.com/themes/mall/wowsai/styles/default/newwowsai/header_bg.gif) repeat-x;
        }

        #header .h_body {
            width: 1100px;
            height: 89px;
            margin: 0 auto;
            background: url(http://img2.wowsai.com/themes/mall/wowsai/styles/default/newwowsai/header_bg.gif) repeat-x;
            position: relative;
        }

        #header .h_body .b_top .t_login {
            list-style: none;
            float: left;
            line-height: 44px;
            float: left;
        }

        #header .h_body .b_top .t_login a {
            display: inline-block;
            line-height: 44px;
            text-decoration: none;
            color: #000;
            font-size: 14px;
            width: 60px;
            text-align: center;
        }

        #header .h_body .b_top .b_gwc {
            background: url(images/buycar.png) no-repeat 0 12px;
            float: right;
            line-height: 44px;
            padding-left: 30px;
        }

        #header .h_body .b_top .b_gwc a {
            text-decoration: none;
            font-size: 14px;
            color: #000;
            text-align: right;
        }

        #header .h_body .b_top .b_gwc .jian {
            color: #ff7800;
        }

        #header .h_body #logo {
            width: 250px;
            height: 88px;
            background: url(images/logo.jpg) no-repeat;
            margin: 0 auto;
            text-indent: -900px;
        }

        #header .h_body .b_bottom {
            position: absolute;
            bottom: 0;
        }

        #header .h_body .b_bottom .b_dh {
            float: left;
        }

        #header .h_body .b_bottom .b_dh li {
            float: left;
            list-style: none;
            line-height: 44px;
            width: 66px;
            border-left: 1px solid #f0f0f0;
            text-align: center;
        }

        #header .h_body .b_bottom .b_dh .siteNavL {
            width: 39px;
        }

        #header .h_body .b_bottom .b_dh .last {
            border-right: 1px solid #f0f0f0;
        }

        #header .h_body .b_bottom .b_sou {
            display: inline-block;
            width: 200px;
            height: 44px;
            float: right;
            position: absolute;
            right: -725px;
            border-left: 1px solid #f0f0f0;
            border-right: 1px solid #f0f0f0;
        }

        #header .h_body .b_bottom .b_sou input {
            border: none;
            line-height: 43px;
            display: inline-block;
            width: 190px;
            height: 43px;
            padding-left: 5px;
        }

        #header .h_body .b_bottom .b_sou a {
            background: #fff;
            background: url(images/search.png) no-repeat;
            display: inline-block;
            width: 42px;
            height: 43px;
            float: right;
            position: absolute;
            right: 0;
            top: 12px;;
        }

        #header .h_body .b_bottom .b_dh2 {
            float: right;
            position: absolute;
            right: -523px;
        }

        #header .h_body .b_bottom .b_dh2 li {
            width: 66px;
            height: 43px;
            float: left;
            line-height: 43px;
            border-left: 1px solid #f0f0f0;
            text-align: center;
        }

        /* end header */

        /* banner start */
        .banner {
            max-width: 1920px;
            height: 525px;
            margin: 0 auto 0;
            overflow: hidden;
            position: relative;
            top: 0;
            left: 0;
        }

        .banner ul li {
            float: left;
        }

        .banner .b_ul li {
            cursor: pointer;
        }

        .banner .b_ul .li_0 {
            width: 100%;
            height: 525px;
            background: url(images/banner1.jpg) no-repeat;
        }

        .banner .b_ul .li_1 {
            width: 100%;
            height: 525px;
            background: url(images/banner2.jpg) no-repeat;
        }

        .banner .b_ul .li_2 {
            width: 100%;
            height: 525px;
            background: url(images/banner3.jpg) no-repeat;
        }

        .banner .b_ul .li_3 {
            width: 100%;
            height: 525px;
            background: url(images/banner4.jpg) no-repeat;
        }

        .banner .b_ul .li_4 {
            width: 100%;
            height: 525px;
            background: url(images/banner5.jpg) no-repeat;
        }

        .banner .b_ul .li_5 {
            width: 100%;
            height: 525px;
            background: url(images/banner6.jpg) no-repeat;
        }

        .banner li a {
            display: block;
            width: 100%;
            height: 525px;
            position: absolute;
            z-index: 5;
        }

        .banner .b_yq {
            width: 134px;
            height: 20px;
            position: absolute;
            z-index: 10;
            bottom: 10px;
            left: 610px;
        }

        .banner .b_yq ul li {
            width: 12px;
            height: 12px;
            border-radius: 6px;
            background: #666;
            margin: 0 5px;
        }

        .banner .b_yq ul .y_li1 {
            background: #0FF;
        }

        .banner .jt {
            width: 68px;
            height: 68px;
            position: absolute;
            z-index: 10;
            top: 228.5px;
            display: none;
        }

        .banner .b_left {
            background: url(images/arrows.png) no-repeat 0 0;
            left: 0;
            float: left;
        }

        .banner .b_left:hover {
            background-position: 0 -68px;
        }

        .banner .b_right {
            background: url(images/arrows.png) no-repeat -68px 0;
            right: 0;
        }

        .banner .b_right:hover {
            background-position: -68px -68px;
        }

        /* end banner */

        /* warp start*/
        .warp {
            width: 1100px;
            margin: 0 auto;
        }

        .w_container {
            padding: 0 0 5px 0;
        }

        .w_container h2 {
            font-size: 30px;
            color: #999;
            text-align: center;
            padding-top: 70px;
            font-weight: normal;
        }

        .w_container h2 .Btn {
            display: block;
            width: 83px;
            height: 23px;
            margin: 13px auto 0;
        }

        .w_container h2 .shangouBtn {
            background: url(images/more.png) no-repeat;
        }

        .w_container h2 .cyBtn {
            background: url(images/more.png) no-repeat 0 -23px;
        }

        .w_container h2 .huabaoBtn {
            width: 114px;
            background: url(images/more.png) no-repeat 0 -46px;
        }

        .w_container .shangou_list {
            float: left;
            margin: 44px 44px 0 0;
            box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.1);
            position: relative;
        }

        .w_container .shangou_list:hover {
            box-shadow: 5px 5px 0 0 #ffA128;
        }

        .w_container .shangou_list dl {
            width: 307px;
            height: 24px;
            padding: 15px;
            background: rgba(138, 215, 217, 0.5);
            position: absolute;
            top: 0;
            z-index: 5;
            display: none;
        }

        .w_container .shangou_list dl dt {
            float: left;
        }

        .w_container .shangou_list dl dd {
            float: left;
            font-size: 18px;
            line-height: 23px;
            color: #fff;
            padding-left: 8px;
        }

        .w_container .c_list {
            float: left;
            margin: 40px 44px 0 0;
            position: relative;
        }

        .w_container .c_list .l_txt {
            width: 196px;
            height: 54px;
            line-height: 54px;
            text-align: center;
            background: #fff;
            position: absolute;
            bottom: -20px;
            left: 23px;
            box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.1);
            font-size: 16px;
            color: #54d6d6;
        }

        .w_container .c_list .l_txt:hover {
            box-shadow: 5px 5px 0 0 #ffA128;
        }

        .w_container .c_list .jili {
            width: 267px;
        }

        .w_container .c_list .text {
            width: 482px;
        }

        .w_container .cy_list li {
            float: left;
            position: relative;
        }

        .w_container .cy_list li div {
            width: 542px;
            height: 175px;
            border: 4px solid #000;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 2;
        }

        .w_container .cy_list li div p {
            width: 271px;
            height: 175px;
            opacity: .5;
            color: #fff;
        }

        .w_container .cy_list li .l_kuang_left dl {
            width: 90px;
            height: 70px;
            position: absolute;
            z-index: 6;
            left: 365px;
            top: 50px;
        }

        .w_container .cy_list li .l_kuang_right dl {
            width: 90px;
            height: 70px;
            position: absolute;
            z-index: 6;
            right: 365px;
            top: 50px;
        }

        .w_container .cy_list li div dl dt {
            text-align: center;
            margin-bottom: 5px;
        }

        .w_container .cy_list li div dl dd {
            text-align: center;
            color: #fff;
        }

        .w_container .cy_list li .l_kuang_left {
            background: url(images/leftJ.png) no-repeat;
        }

        .w_container .cy_list li .l_kuang_right {
            background: url(images/rightJ.png) no-repeat top right;
        }

        .w_container .cy_list li .l_kuang_left p {
            float: right;
        }

        /* end warp*/

        /*bottom start*/
        .bottom {
            width: 100%;
            background: #fff;
            margin: 90px 0 0 0;
        }

        .bottom .w_container, .pinpaiqiang {
            width: 1100px;
            margin: 0 auto;
            padding-bottom: 100px;
        }

        .bottom .pinpaiqiang .p_logo a {
            width: 160px;
            height: 68px;
            float: left;
            margin: 20px 0 0 17px;
        }

        /*end bottom*/

        /*footer start*/
        .footer .footer_top {
            width: 100%;
            background: url(images/footer_bg.gif) repeat-x top #f6f6f6;
            padding-bottom: 70px;
        }

        .footer .footer_top .t_xx {
            width: 1100px;
            height: 200px;
            margin: 0 auto;
            padding-top: 100px;
        }

        .footer .footer_top .t_xx .xx {
            float: left;
        }

        .footer .footer_top .t_xx .xx h4 {
            font-size: 20px;
            color: #06c7d3;
            font-weight: normal;
        }

        .footer .footer_top .t_xx .xx ul {
            margin-top: 15px;
        }

        .footer .footer_top .t_xx .xx ul li {
            line-height: 20px;
        }

        .footer .footer_top .t_xx .xx ul li a {
            font-size: 14px;
            color: #4a4a4a;
        }

        .footer .footer_top .t_xx .jingcai {
            margin-left: 75px;
        }

        .footer .footer_top .t_xx .jingcai ul li a:hover {
            background: #07c7d3;
        }

        .footer .footer_top .t_xx .chengnuo {
            margin-left: 170px;
            line-height: 22px;
        }

        .footer .footer_top .t_xx .guanzhu {
            margin-left: 100px;
            position: relative;
        }

        .footer .footer_top .t_xx .guanzhu a {
            width: 100px;
            height: 29px;
            line-height: 29px;
            display: block;
            background: url(images/share.png) no-repeat;
            padding-left: 40px;
            color: #4a4a4a;
            margin-bottom: 10px;
        }

        .footer .footer_top .t_xx .guanzhu a.qq {
            background-position: 0 -78px;
        }

        .footer .footer_top .t_xx .guanzhu a.douban {
            background-position: 0 -78px;
        }

        .footer .footer_top .t_xx .guanzhu a.renren {
            background-position: 0 -117px;
        }

        .footer .footer_top .t_xx .guanzhu a.weixin {
            background-position: 0 -157px;
        }

        .footer .footer_top .t_xx .guanzhu img {
            position: absolute;
            left: 10px;
            bottom: 30px;
            display: none;
        }

        .footer .footer_top .t_xx .code {
            margin: 13px 0 0 170px;
            cursor: pointer;
        }

        .footer .footer_bottom {
            width: 100%;
            height: 366px;
            background: #07c7d3;
            color: #fff;
        }

        .footer .footer_bottom h2 {
            text-align: center;
            font-size: 27px;
            line-height: 135px;
        }

        .footer .footer_bottom .f_nav {
            text-align: center;
        }

        .footer .footer_bottom .f_nav a {
            color: #fff;
            margin-right: 9px;
        }

        .footer .footer_bottom p {
            margin-top: 15px;
            text-align: center;
        }

        .footer .footer_bottom .renzheng {
            width: 370px;
            height: 58px;
            margin: 42px auto 0;
            background: #fff;
            border-radius: 8px;
        }

        .footer .footer_bottom .renzheng a {
            margin: 10px 4px;
            width: 112px;
            height: 38px;
            display: inline-block;
        }

        /*end footer*/
        .dingbu {
            width: 44px;
            height: 53px;
            position: fixed;
            right: 30px;
            bottom: 50px;
            background: rgba(0, 0, 255, 0.1);
        }

        .dingbu a {
            display: block;
            padding: 4px;
            font-size: 17px;
        }

        .dingbu a:hover {
            color: red;
            font-weight: bold;
        rgba(153, 0, 51, 1)
        }
    </style>
</head>

<body>
<a name="fanhui" href="#" id="fanhui"></a>
<!-- header start -->
<!-- Header -->

<nav id="navbar-section" class="navbar navbar-default navbar-static-top navbar-sticky" role="navigation">
    <div class="container">

        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target=".navbar-responsive-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

            <a class="navbar-brand wow fadeInDownBig" href="/push">
                <!--<img class="office-logo" src="assets/img/slider/Office.png" alt="Office">-->
                校园内推
            </a>
        </div>

        <div id="navbar-spy" class="collapse navbar-collapse navbar-responsive-collapse">
            <ul class="nav navbar-nav pull-right">
                <li>
                    <a href="/push">主页</a>
                </li>

                <li>
                    <a href="/push/findJob">找工作</a>
                </li>
                <li class="active">
                    <a href="/push/shop">纪念品商城</a>
                </li>
                <li>
                    <a href="/push/chat"><span>聊工作</span></a>
                </li>


                <li>
                    #if(User == null)
                    <a href="/user/loginIn">
                        #end
                        #if(User != null && User.type == 1)
                        <a href="/user/electPage">
                            #else if(User != null && User.type == 0)
                            <a href="#">
                                #end
                                <span>
                     #if(User == null) 登录 #else #(User.name) #end
                 </span>
                            </a>
                </li>

                #if(User??)
                <li>
                    <a href="/user/logout"><span>退出</span></a>
                </li>
                #end
            </ul>
        </div>
    </div>
</nav>

<!-- warp start-->
<div class="warp">
    <!--当日精选-->
    <div class="w_container">
        <h2>当日精选</h2>
        <div class="clear"></div>
        <div class="c_list">
            <a href="#">
                <img src="/push/index/produce/images/dangri-1.jpg" alt="包包" width="242" height="314"/>
                <div class="l_txt">
                    秋季复古小方包
                </div>
            </a>
        </div>
        <div class="c_list">
            <a href="#">
                <img src="/push/index/produce/images/dangri-2.jpg" alt="毛线帽" width="242" height="314"/>
                <div class="l_txt">
                    森系渐变小耳朵毛线帽
                </div>
            </a>
        </div>
        <div class="c_list">
            <a href="#">
                <img src="/push/index/produce/images/dangri-3.jpg" alt="钱包" width="242" height="314"/>
                <div class="l_txt">
                    黑白纹路时尚钱夹
                </div>
            </a>
        </div>
        <div class="c_list" style="margin-right:0;">
            <a href="#">
                <img src="/push/index/produce/images/dangri-4.jpg" alt="靴子" width="242" height="314"/>
                <div class="l_txt">
                    复古经典款中跟裸靴
                </div>
            </a>
        </div>
        <div class="clear"></div>
    </div>
    <!--定制精选-->
    <div class="w_container">
        <h2>定制精选</h2>
        <div class="clear"></div>
        <div class="c_list">
            <a href="#">
                <img src="/push/index/produce/images/dingzhi-1.jpg" alt="双肩包" width="242" height="314"/>
                <div class="l_txt">
                    极简帆布牛皮双肩包
                </div>
            </a>
        </div>
        <div class="c_list">
            <a href="#">
                <img src="/push/index/produce/images/dingzhi-2.jpg" alt="曼德拉限量版" width="528" height="314"/>
                <div class="l_txt text">
                    曼德拉限量版
                </div>
            </a>
        </div>
        <div class="c_list" style="margin-right:0;">
            <a href="#">
                <img src="/push/index/produce/images/dingzhi-3.jpg" alt="把你拴住一身一世" width="242" height="314"/>
                <div class="l_txt">
                    把你拴住一身一世
                </div>
            </a>
        </div>
        <div class="c_list">
            <a href="#">
                <img src="/push/index/produce/images/dingzhi-4.jpg" alt="手绘蓝色吊坠" width="242" height="314"/>
                <div class="l_txt">
                    手绘蓝色吊坠
                </div>
            </a>
        </div>
        <div class="c_list">
            <a href="#">
                <img src="/push/index/produce/images/dingzhi-5.jpg" alt="用手缝合 用脚呼吸" width="242" height="314"/>
                <div class="l_txt">
                    用手缝合 用脚呼吸
                </div>
            </a>
        </div>
        <div class="c_list">
            <a href="#">
                <img src="/push/index/produce/images/dingzhi-6.jpg" alt="手绘情侣涂鸦鞋" width="242" height="314"/>
                <div class="l_txt">
                    手绘情侣涂鸦鞋
                </div>
            </a>
        </div>
        <div class="c_list" style="margin-right:0;">
            <a href="#">
                <img src="/push/index/produce/images/dingzhi-7.jpg" alt="铭刻天空之城" width="242" height="314"/>
                <div class="l_txt">
                    铭刻天空之城
                </div>
            </a>
        </div>
        <div class="clear"></div>
    </div>
    <!--设计精选-->
    <div class="w_container">
        <h2>设计精选</h2>
        <div class="clear"></div>
        <div class="c_list">
            <a href="#">
                <img src="/push/index/produce/images/sheji-1.jpg" alt="田园竹编花蕾吊灯" width="242" height="314"/>
                <div class="l_txt">
                    田园竹编花蕾吊灯
                </div>
            </a>
        </div>
        <div class="c_list">
            <a href="#">
                <img src="/push/index/produce/images/sheji-2.jpg" alt="高级手工皮具定制" width="528" height="314"/>
                <div class="l_txt text">
                    高级手工皮具定制
                </div>
            </a>
        </div>
        <div class="c_list" style="margin-right:0;">
            <a href="#">
                <img src="/push/index/produce/images/sheji-3.jpg" alt="新款卫衣连帽开衫" width="242" height="314"/>
                <div class="l_txt">
                    新款卫衣连帽开衫
                </div>
            </a>
        </div>
        <div class="c_list">
            <a href="#">
                <img src="/push/index/produce/images/sheji-4.jpg" alt="原创文艺美包" width="242" height="314"/>
                <div class="l_txt">
                    原创文艺美包
                </div>
            </a>
        </div>
        <div class="c_list">
            <a href="#">
                <img src="/push/index/produce/images/sheji-5.jpg" alt="定制马赛克爱琴海台灯" width="242" height="314"/>
                <div class="l_txt">
                    定制马赛克爱琴海台灯
                </div>
            </a>
        </div>
        <div class="c_list">
            <a href="#">
                <img src="/push/index/produce/images/sheji-6.jpg" alt="随手拿起，走进童话里" width="242" height="314"/>
                <div class="l_txt">
                    随手拿起，走进童话里
                </div>
            </a>
        </div>
        <div class="c_list" style="margin-right:0;">
            <a href="#">
                <img src="/push/index/produce/images/sheji-7.jpg" alt="享受清洁茶油手工皂" width="242" height="314"/>
                <div class="l_txt">
                    享受清洁茶油手工皂
                </div>
            </a>
        </div>
        <div class="clear"></div>
    </div>
    <!--闪购-->
    <div class="w_container">
        <h2>闪购
            <a href="#" class="Btn shangouBtn"></a>
        </h2>
        <div class="clear"></div>
        <div class="shangou_list">
            <a href="#">
                <img src="/push/index/produce/images/shangou-1.jpg" alt="修身短款立领轻薄羽绒服" width="337" height="337"/>
            </a>
            <dl id="ctime">
                <dt>
                    <img src="/push/index/produce/images/ws_sg_time.gif" width="24" height="24"/>
                </dt>
                <dd>
                    <span stime="1445392800" etime="1448848800"></span>
                </dd>
            </dl>
        </div>
        <div class="shangou_list">
            <a href="#">
                <img src="/push/index/produce/images/shangou-2.jpg" alt="纯手工银杏叶女款项链吊坠" width="337" height="337"/>
            </a>
            <dl id="ctime">
                <dt>
                    <img src="/push/index/produce/images/ws_sg_time.gif" width="24" height="24"/>
                </dt>
                <dd>
                    <span stime="1445392800" etime="1448848800"></span>
                </dd>
            </dl>
        </div>

        <div class="shangou_list" style="margin-right:0;">
            <a href="#">
                <img src="/push/index/produce/images/shangou-3.jpg" alt="超萌小鸡925纯银项链吊坠" width="337" height="337"/>
            </a>
            <dl id="ctime">
                <dt>
                    <img src="/push/index/produce/images/ws_sg_time.gif" width="24" height="24"/>
                </dt>
                <dd>
                    <span stime="1445392800" etime="1448848800"></span>
                </dd>
            </dl>
        </div>
        <div class="shangou_list">
            <a href="#">
                <img src="/push/index/produce/images/shangou-4.jpg" alt="全手工植鞣皮包手拎包" width="337" height="337"/>
            </a>
        </div>
        <div class="shangou_list">
            <a href="#">
                <img src="/push/index/produce/images/shangou-5.jpg" alt="创意礼品 墨生毛绒公仔" width="337" height="337"/>
            </a>
        </div>
        <div class="shangou_list" style="margin-right:0;">
            <a href="#">
                <img src="/push/index/produce/images/shangou-6.jpg" alt="男袜纯色商务抗菌防臭袜" width="337" height="337"/>
            </a>
        </div>
        <div class="clear"></div>
    </div>
    <!--总有些东西在激励着你-->
    <div class="w_container">
        <h2>总有些东西在激励着你</h2>
        <div class="clear"></div>
        <div class="c_list">
            <a href="#">
                <img src="/push/index/produce/images/jili-1.jpg" alt="聚划算 聚奇趣" width="337" height="201"/>
                <div class="l_txt jili">
                    聚划算 聚奇趣
                </div>
            </a>
        </div>
        <div class="c_list">
            <a href="#">
                <img src="/push/index/produce/images/jili-2.jpg" alt="文艺复古超有范" width="337" height="201"/>
                <div class="l_txt jili">
                    文艺复古超有范
                </div>
            </a>
        </div>
        <div class="c_list" style="margin-right:0;">
            <a href="#">
                <img src="/push/index/produce/images/jili-3.jpg" alt="文艺复古超有范" width="337" height="201"/>
                <div class="l_txt jili">
                    文艺复古超有范
                </div>
            </a>
        </div>
        <div class="clear"></div>
    </div>
    <!--他们会让你生活更有创意-->
    <div class="w_container">
        <h2>他们会让你生活更有创意
            <a href="#" class="Btn cyBtn"></a>
        </h2>
        <div class="clear"></div>
        <ul class="cy_list">
            <li>
                <a href="#">
                    <img src="/push/index/produce/images/cy-1.jpg" width="550" height="180" alt=""/>
                    <div style="display:none" class="l_kuang_left">
                        <p style="background:#40add8;"></p>
                        <dl>
                            <dt>
                                <img src="/push/index/produce/images/DesMore.png"/>
                            </dt>
                            <dd>偶屿</dd>
                        </dl>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="/push/index/produce/images/cy-2.jpg" width="550" height="180" alt=""/>
                    <div style="display:none" class="l_kuang_left">
                        <p style="background:#40add8;"></p>
                        <dl>
                            <dt>
                                <img src="/push/index/produce/images/DesMore.png"/>
                            </dt>
                            <dd>艾米小铺</dd>
                        </dl>
                    </div>
                </a>

            </li>
            <li>
                <a href="#">
                    <img src="/push/index/produce/images/cy-3.jpg" width="550" height="180" alt=""/>
                    <div style="display:none" class="l_kuang_right">
                        <p style="background:#40add8;"></p>
                        <dl>
                            <dt>
                                <img src="/push/index/produce/images/DesMore.png"/>
                            </dt>
                            <dd>半糖工作室</dd>
                        </dl>
                    </div>
                </a>

            </li>
            <li>
                <a href="#">
                    <img src="/push/index/produce/images/cy-4.jpg" width="550" height="180" alt=""/>
                    <div style="display:none" class="l_kuang_right">
                        <p style="background:#40add8;"></p>
                        <dl>
                            <dt>
                                <img src="/push/index/produce/images/DesMore.png"/>
                            </dt>
                            <dd>艾洛手绘布包</dd>
                        </dl>
                    </div>
                </a>

            </li>
            <li>
                <a href="#">
                    <img src="/push/index/produce/images/cy-5.jpg" width="550" height="180" alt=""/>
                    <div style="display:none" class="l_kuang_left">
                        <p style="background:#40add8;"></p>
                        <dl>
                            <dt>
                                <img src="/push/index/produce/images/DesMore.png"/>
                            </dt>
                            <dd>别样</dd>
                        </dl>
                    </div>
                </a>

            </li>
            <li>
                <a href="#">
                    <img src="/push/index/produce/images/cy-6.jpg" width="550" height="180" alt=""/>
                    <div style="display:none" class="l_kuang_left">
                        <p style="background:#40add8;"></p>
                        <dl>
                            <dt>
                                <img src="/push/index/produce/images/DesMore.png"/>
                            </dt>
                            <dd>士多</dd>
                        </dl>
                    </div>
                </a>

            </li>
        </ul>
        <div class="clear"></div>
    </div>
    <!--创意画报-->
    <div class="w_container">
        <h2>创意画报
            <a href="#" class="Btn huabaoBtn"></a>
        </h2>
        <div class="clear"></div>
        <div class="c_list">
            <a href="#">
                <img src="/push/index/produce/images/huabao-1.jpg" alt="聚划算 聚奇趣" width="528" height="468"/>
                <div class="l_txt huabao" style="width:436px;height:54px;">
                    聚划算 聚奇趣
                </div>
            </a>
        </div>
        <div class="c_list" style="    margin-bottom: 28px;">
            <a href="#">
                <img src="/push/index/produce/images/huabao-2.jpg" alt="文艺复古超有范" width="242" height="200"/>
                <div class="l_txt huabao">
                    文艺复古超有范
                </div>
            </a>
        </div>
        <div class="c_list" style="margin-right:0;margin-bottom: 28px;">
            <a href="#">
                <img src="/push/index/produce/images/huabao-3.jpg" alt="文艺复古超有范" width="242" height="200"/>
                <div class="l_txt huabao">
                    文艺复古超有范
                </div>
            </a>
        </div>
        <div class="c_list">
            <a href="#">
                <img src="/push/index/produce/images/huabao-4.jpg" alt="文艺复古超有范" width="242" height="200"/>
                <div class="l_txt huabao">
                    文艺复古超有范
                </div>
            </a>
        </div>
        <div class="c_list" style="margin-right:0;">
            <a href="#">
                <img src="/push/index/produce/images/huabao-5.jpg" alt="文艺复古超有范" width="242" height="200"/>
                <div class="l_txt huabao">
                    文艺复古超有范
                </div>
            </a>
        </div>
        <div class="clear"></div>
    </div>
</div>
<!-- en warp -->

<!--bottom start-->
<div class="bottom">
    <!--加入变革，焕新自我-->
    <div class="w_container">
        <h2>加入变革，焕新自我</h2>
        <div class="clear"></div>
        <div class="c_list">
            <a href="#">
                <img src="/push/index/produce/images/biange-1.jpg" alt="定制独一无二的产品" width="337" height="201"/>
                <div class="l_txt jili">
                    定制独一无二的产品
                </div>
            </a>
        </div>
        <div class="c_list">
            <a href="#">
                <img src="/push/index/produce/images/biange-2.jpg" alt="购买设计师成品" width="337" height="201"/>
                <div class="l_txt jili">
                    购买设计师成品
                </div>
            </a>
        </div>
        <div class="c_list" style="margin-right:0;">
            <a href="#">
                <img src="/push/index/produce/images/biange-3.jpg" alt="出售你的创意和设计" width="337" height="201"/>
                <div class="l_txt jili">
                    出售你的创意和设计
                </div>
            </a>
        </div>
        <div class="clear"></div>
    </div>
    <!--设计品牌墙-->
    <div class="pinpaiqiang w_container">
        <h2>设计品牌墙</h2>
        <div class="clear"></div>
        <div class="p_logo">
            <a href="http://www.wowsai.com/index.php?app=adsystem&act=total&id=11169" target="_blank">
                <img src="http://img3.wowsai.com/data/files/ad/201504101028544943.jpg" alt="Different Young" width="160"
                     height="68">
            </a>
            <a href="http://www.wowsai.com/index.php?app=adsystem&act=total&id=11155" target="_blank">
                <img src="http://img3.wowsai.com/data/files/ad/201503201636098796.jpg" alt="饰物志" width="160"
                     height="68">
            </a>
            <a href="http://www.wowsai.com/index.php?app=adsystem&act=total&id=10544" target="_blank">
                <img src="http://img1.wowsai.com/data/files/ad/201410271627258433.jpg" alt="soye素一" width="160"
                     height="68">
            </a>
            <a href="http://www.wowsai.com/index.php?app=adsystem&act=total&id=9005" target="_blank">
                <img src="http://img5.wowsai.com/data/files/ad/201401161832255022.jpg" alt="oneday" width="160"
                     height="68">
            </a>
            <a href="http://www.wowsai.com/index.php?app=adsystem&act=total&id=11154" target="_blank">
                <img src="http://img1.wowsai.com/data/files/ad/201503201616161099.png" alt="城市木匠" width="160"
                     height="68">
            </a>
            <a href="http://www.wowsai.com/index.php?app=adsystem&act=total&id=9317" target="_blank">
                <img src="http://img3.wowsai.com/data/files/ad/201403071739447200.jpg" alt="LoveWithTea爱喝茶" width="160"
                     height="68">
            </a>
            <a href="http://www.wowsai.com/index.php?app=adsystem&act=total&id=8585" target="_blank">
                <img src="http://img2.wowsai.com/data/files/ad/201312061727148773.jpg" alt="花边" width="160" height="68">
            </a>
            <a href="http://www.wowsai.com/index.php?app=adsystem&act=total&id=9007" target="_blank">
                <img src="http://img2.wowsai.com/data/files/ad/201503251357199926.jpg" alt="little good 手工定制生活"
                     width="160" height="68">
            </a><a href="http://www.wowsai.com/index.php?app=adsystem&act=total&id=9008" target="_blank"><img
                src="http://img5.wowsai.com/data/files/ad/201401161842081555.jpg" alt="独立品牌LINE ARTISANAL" width="160"
                height="68">
        </a>
            <a href="http://www.wowsai.com/index.php?app=adsystem&act=total&id=8588" target="_blank">
                <img src="http://img5.wowsai.com/data/files/ad/201402141543234323.jpg" alt="Joydivision vintage"
                     width="160" height="68">
            </a>
            <a href="http://www.wowsai.com/index.php?app=adsystem&act=total&id=11156" target="_blank">
                <img src="http://img1.wowsai.com/data/files/ad/201503201754107213.png" alt="八月的清迈" width="160"
                     height="68">
            </a>
            <a href="http://www.wowsai.com/index.php?app=adsystem&act=total&id=10031" target="_blank">
                <img src="http://img5.wowsai.com/data/files/ad/201407221058116717.jpg" alt="本来设计 " width="160"
                     height="68">
            </a>
            <a href="http://www.wowsai.com/index.php?app=adsystem&act=total&id=8591" target="_blank">
                <img src="http://img3.wowsai.com/data/files/ad/201312061732387196.jpg" alt="山背后" width="160"
                     height="68">
            </a><a href="http://www.wowsai.com/index.php?app=adsystem&act=total&id=9010" target="_blank"> <img
                src="http://img3.wowsai.com/data/files/ad/201401161844329580.jpg" alt="不纸如此" width="160" height="68">
        </a>
            <a href="http://www.wowsai.com/index.php?app=adsystem&act=total&id=9011" target="_blank">
                <img src="http://img3.wowsai.com/data/files/ad/201401161845055464.jpg" alt="八门虫社原创生活杂货" width="160"
                     height="68">
            </a>
            <a href="http://www.wowsai.com/index.php?app=adsystem&act=total&id=8594" target="_blank">
                <img src="http://img3.wowsai.com/data/files/ad/201312061733373211.jpg" alt="始祖鸟" width="160"
                     height="68">
            </a>
            <a href="http://www.wowsai.com/index.php?app=adsystem&act=total&id=11170" target="_blank">
                <img src="http://img2.wowsai.com/data/files/ad/201504101059394174.jpg" alt="平田家居" width="160"
                     height="68">
            </a>
            <a href="http://www.wowsai.com/index.php?app=adsystem&act=total&id=11175" target="_blank">
                <img src="http://img3.wowsai.com/data/files/ad/201504131721426345.jpg" alt="花间公主" width="160"
                     height="68">
            </a>
        </div>
        <div class="clear"></div>
    </div>
</div>
<!--end bottom-->

<footer>
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <h3><i class="fa fa-map-marker"></i>联系方式</h3>
                <p class="footer-contact">
                    阜阳师范学院<br>
                    手机:13811012138 传真: 26531589<br>
                    邮箱: hello@qq.com<br>
                </p>
            </div>
            <div class="col-md-4">
                <h3><i class="fa fa-external-link"></i>跳转</h3>
                <p><a href="#"> 关于我们</a></p>
                <p><a href="#"> 服务</a></p>
                <p><a href="#">联系我们</a></p>
                <p><a href="#">推送</a></p>
                <p><a href="#">纪念品商城</a></p>
            </div>
            <div class="col-md-4">
                <h3><i class="fa fa-heart"></i>介绍</h3>
                <div id="social-icons">
                    服务在校学生
                    <!--<a href="#" class="btn-group google-plus">
                        <i class="fa fa-google-plus"></i>
                    </a>
                      <a href="#" class="btn-group linkedin">
                        <i class="fa fa-linkedin-square"></i>
                    </a>
                      <a href="#" class="btn-group twitter">
                        <i class="fa fa-twitter"></i>
                    </a>
                      <a href="#" class="btn-group facebook">
                        <i class="fa fa-facebook"></i>
                    </a>-->
                </div>
            </div>
        </div>
    </div>
</footer>


<div class="copyright text center">
    <p>Copyright &copy; 2018 校园内推</p>
</div>

<!--end footer-->

<div class="dingbu">
    <a href="#fanhui">返回顶部</a>
</div>

<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
    $(function () {
        //移到banner上显示左右俩耳朵
        $(".banner").hover(function () {
            $(".jt").show();
        }, function () {
            $(".jt").hide();
        });
        var index = 0;
        //右耳朵，点击事件
        $(".banner").find(".b_right").click(function () {
            index++;
            if (index > 5) index = 0;
            $(".b_ul").find("li").eq(index).fadeIn("slow").siblings().hide();
            $(".b_yq").find("li").eq(index).addClass("y_li1").siblings().removeClass("y_li1");
        });
        //左耳朵，点击事件
        $(".banner").find(".b_left").click(function () {
            index--;
            if (index < 0) index = 5;
            $(".b_ul").find("li").eq(index).fadeIn("slow").siblings().hide();
            $(".b_yq").find("li").eq(index).addClass("y_li1").siblings().removeClass("y_li1");
        });
        //点击原点切换对应图片
        $(".b_yq").find("li").mouseover(function () {
            $(this).addClass("y_li1").siblings().removeClass("y_li1");
            var i = $(this).index();
            index = i;
            $(".b_ul").find("li").eq(index).fadeIn("slow").siblings().hide();
        });
        //自动循环播放banner
        setInterval(function () {
            index++;
            var length = $(".b_ul").find("li").length;
            if (index >= length) index = 0;
            $(".b_ul").find("li").eq(index).fadeIn("slow").siblings().hide();
            $(".b_yq").find("li").eq(index).addClass("y_li1").siblings().removeClass("y_li1");
        }, 2500);

        //闪购鼠标悬浮出现倒计时,移出隐藏
        $(".shangou_list").hover(function () {
            $(this).find("#ctime").show();
        }, function () {
            $(this).find("#ctime").hide();
        });
        //闪购倒计时
        var timer = new Array();
        $("#ctime span").each(function (idx) {
            var obj = $(this);
            showTime(obj, idx);
        });

        function showTime(obj, idx) {
            if (timer == null) {
                var timer = new Array()
            }
            timer[idx] = setInterval(function () {
                var d = new Date();
                var thist = d.getTime();
                var time = Math.round(thist / 1000);
                var stime = obj.attr("stime");
                var etime = obj.attr("etime");
                if (time > stime && time < etime) {
                    var dtime = Number(etime) - Number(time);
                    day = Math.floor(dtime / 3600 / 24);
                    hour = Math.floor((dtime / 3600) % 24);
                    minutes = Math.floor((dtime / 60) % 60);
                    seconds = Math.floor(dtime % 60);
                    msg = "  " + day + "天" + hour + "小时" + minutes + "分" + seconds + "秒";
                    obj.html(msg);
                } else if (time < stime) {
                    clearInterval(timer[idx]);
                    obj.html("尚未开始");
                } else if (time > etime) {
                    clearInterval(time[idx]);
                    obj.html("已经结束");
                }
            }, 1000);
        };

        //更有创意鼠标悬浮
        $(".cy_list").find("li").hover(function () {
            $(this).find("div").show();
        }, function () {
            $(this).find("div").hide();
        });

        //鼠标悬浮显示微信二维码
        $(".footer").find(".weixin").hover(function () {
            $(".guanzhu li").find("img").show();
        }, function () {
            $(".guanzhu li").find("img").hide();
        });

        $(".dingbu").hover(function () {
            $(this).css("background", "rgba(153,0,51,1)");
        }, function () {
            $(this).css("background", "rgba(0,0,255,0.1)");
        });
    });
</script>
</body>
</html>
